@import "./../common/common";
#orderDetailMain {
  padding: 2rem;
  text-align: center;
  .statusCard {
    .status {
      .statusImg {
        margin: 1rem;
      }
      .statusText {
        line-height: 4rem;
        font-size: 2rem;
        color: @themeR;
      }
    }
  }
  .shippingInfoCard,.orderTimes{
    text-align: left;
    .card-header {
      font-weight: bolder;
    }
    .card-body {
      .shippingCodeWrap p {
        margin: 0;
      }
      label {
        color: #999;
      }
      .form-group {
        flex: 1;
        margin: 0
      }
    }
  }
  .orderedItem {
    .card-body {
      padding-bottom: 0.25rem;
      .row {
        justify-content: space-between;
      }
    }
    .orderChecked {
      display: flex;
      height: 128px;
      margin-bottom: 1rem;
      .itemInfo {
        display: flex;
        flex-direction: column;
        max-height: 100%;
        margin-left: 1rem;
        h3 {
          align-self: flex-start;
        }
        div {
          display: flex;
          flex-direction: column;
          height: 100%;
          ;
          justify-content: space-between;
          align-items: flex-start;
          p {
            margin: 0;
          }
        }
      }
    }
    .totalPrice {
      display: flex;
      align-items: flex-end;
      margin-bottom: 1rem;
      h5{
        margin: 0;
      }
    }
  }
}